/* Reset */
* {margin:0; padding:0}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn, .btn-disabled, .btn-gray-disabled .btn-gray {margin:0;padding:0;border:0;}
a img, frameset {border:0}
q:before, q:after {content:""}
q {quotes:"" ""}
a img, frameset {border:0}
html, body {height: 100%; font-size: 12px; line-height: 16px;}
body, textarea {font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px;}
a, a:link, a:hover, a:focus{text-decoration: none !important}
a {color: #397b9a; border-bottom: 1px dotted #397b9a; text-decoration: none;}
a.dotted-border-none {border-bottom:none !important;}
a:hover {text-decoration: none;	border-bottom: 1px solid #397b9a;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal}
table, td, th{vertical-align:middle}
ul, ol { margin-top: 15px 0 15px 0; }
ul, ul li {  list-style: none; }
ol { margin: 15px 0 15px 50px; }
ul li, ol li, .listUnique li li { margin: 0 0 5px 0; }
ul li, .listUnique li li { background-position: 0 0; padding-left: 10px; }
li ul, li ol { margin-top: 5px; }
dl{margin:0 0 15px 0}
dl dt{font-weight:bold}
dd{margin-left:15px}

/* End of Reset */


/* headers */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {  margin: 0 0 5px 0; }
h1, .h1 { font-size: 35px; font-weight: bold; }
h2, .h2 { font-size: 22px; font-weight: bold;}
h3, .h3 { font-size: 17px; font-weight: bold; }
h4, .h4 { font-size: 15px; font-weight: bold; }
h5, .h5 { font-size: 14px; font-weight: bold; }
h6, .h6 { font-size: 12px; font-weight: bold; }
/* End Heasder */

/* General Classes */

.clearfix:after, .nav:after, .nav-sub:after  { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { height: 1px;	margin-top: -1px; overflow: hidden; clear:both}
.left {float:left !important;}
.text-left {text-align:left !important;}
img.left, a.left img {margin:0 15px 15px 0}
.right {float:right !important;}
.text-right {text-align:right !important;}
img.right, a.right img {margin:0 0 15px 15px}
.center {margin:0 auto;float: none !important;}
.text-center {text-align:center !important;}
img.border { border: 1px solid #6e6e6e;}
.hide {display:none}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}
.skip-nav {display:none}
.caption { font-size: .833em; margin: 10px 0 0 0}
.highlight { color: #cb262d; }
.break {display:block;}
.nomargin { margin: 0 !important;}
.noborder { border: none !important; }
.nobg { background-image: none !important;}
.overflow-visible {overflow: visible;}
.overflow-hidden {overflow:hidden !important;}
.overflow-auto {overflow:auto !important;}
.normalText {line-height:18px; }
.SmallText{font-size:10px;}
/* End of General Classes */

/* @group -text markup */
p{margin:0 0 5px}
p img.right{float:right;margin:0 0 1.5em 1.5em}
p.center{ text-align: center; }
strong{font-weight:bold}
em, dfn{font-style:italic}
dfn{font-weight:bold}
sup, sub{line-height:0}
abbr, acronym{border-bottom:1px dotted #666; letter-spacing:0.1em}
address{margin:0 0 1.5em;font-style:italic}
del{color:#666}
pre, code{margin:1.5em 0;white-space:pre}
pre, code, tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5}
blockquote {
  background: url(../images/struct/bg-blockquote.png) 0 6px no-repeat;
  padding-left: 20px;
  color: #6e6e6e;
  margin: 0 0 10px 0;
}
blockquote .blockquote-inner {
  background: url(../images/struct/bg-blockquote.png) bottom right no-repeat;
  display: block;
  padding-right: 20px;
}
/* @end */

/* @group -hrs */
.hr {
	background-image: url(../images/struct/bg-hr.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
}
hr, div.hr {
	clear:both;float:none;height:5px;
	background-position: top center;
	background-repeat: no-repeat;
	margin:10px 0 20px 0;
	*margin:0px 0 10px 0; /* fix for IE6,7*/
	border:none;
	background: transparent; 
	border-collapse: collapse;
	overflow: hidden;
}
div.hr hr { display:none }
hr.hrHidden, .hrHidden { height: 1px; margin: 10px 0; background: none; }
hr.hrNoClear, .hrNoClear { clear: none !important; } /* Place this style on an HR and images will flow over it naturally */
/* @end */

/* @group -buttons */
button::-moz-focus-inner { border: 0; }
button, a.button, .btn, .btn1, .btn-gray, .btn-disabled, .btn-gray-disabled { 
	cursor: pointer;
	margin: 5px 5px 5px 0;
}
button:active, a.button:active, .btn:active { 
    position: relative;
    top: 1px;
	color: #fff;
}
div.buttons {
  overflow: hidden;
  margin: 0 0 10px 0;
  position: relative;
}
/* @end */

/* General Structure */
.left-column-57 {width:55%;	float:left;}
.left-column-66 {width:66%; float:left;}
.right-column-31 {width:31%; float:right;}
.right-column-35 {width:33%; float:right; padding:10px 10px;}
.right-column-43 {width:41%; float:right;}
.right-column-44 {width:43%; float:right;}
.right-column-41 {width:41%; float:right;}
.left-column-50 {width:49%;	float:left !important;}
.right-column-50 {width:49%; float: right !important;}
.left-column-68 {float: left; width: 68%; margin: 10px 0px;}
.right-column-28 {float: right;	width: 28%;	margin: 10px 0px;}
.left-column-20 {width:24%;	float:left;	margin-top:10px;}
.right-column-78 {width:74%; float:right; margin-top:10px; margin-right:3px;}
.left-column-70 {width:69%;float:left;}
.right-column-30 {width:29%;float:right;}
.right-column-46 {width:46%;float:right;}
.left-column-25 {width:24%;float:left;}
.left-column-75 {width:74%;float:right;}
.right-column-75 {width:74%;float:right;}
.left-col-47{float: left; width: 47%;}
.right-col-47{float: right; width: 47%;}
.left-column-30 {width:29%;float:left;}
.left-column-64 {width:64%;float:left;}
.left-column-63 {width:63%;float:left;}
.left-310 {float: left; width: 310px;}

.content .col-two .section {float: left;width: 560px;}
.content .col-two .pop-section {float: left;width: 300px;}
.content .col-two .aside {float: right;width: 300px;}
.flt-lft {float: left;}
.flt-rt {float: right;}
/* End of General Structure */

/* structure */
.wrap-inner{
	text-align: left;
	width: 974px;
	margin: 0 auto;
	background: url(../images/body-bg.gif) repeat-x scroll 0 0 transparent
}
.wrap-content-nobg {padding: 20px 0 100px 0px;}
.content-nobg .two-column  .left-content{
	float: left;
	width: 350px;
}

.content-nobg .two-column  .right-content {
	float: right;
	width: 510px;
}
.page-head {
	background: url(../images/head-shadow.gif) 0 100% no-repeat; 
	padding-bottom: 25px;
	margin-bottom: 10px;
	position: relative;
	height:27px;
}
.page-head span{
	display: inline-block;
	background: url(../images/head-shadow.gif) 100% 100% no-repeat;
	width: 200px;
	height: 24px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.page-head h3 { line-height: 25px;}
.sub-head {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
.wrap-header {
	background: url(../images/header.jpg) 0 0 repeat-x;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif
}
h5.header {
	height: 46px;
	position: relative;
	font-size:13px;
}
.header {
   height:70px;
    position:relative;
}
.header h1.logo-hipro {
	background: url(../images/logo.gif) 0 0 no-repeat;
	float: left;
	margin-top: 20px;
	position: relative;
}
.header h1.logo-hipro a {
	text-indent: -999px; 
	display: block; 
	width: 150px;
	height: 31px;
	border-bottom: none;
}
.nav-util {
	float: right;
	list-style-type: none;
	margin-top: 16px;
}
.nav-util ul li{
	float:left;
	display: inline-block;
	padding: 0px 5px;
	margin-left: 10px;
}
.nav-util ul li a, .header div.nav-util ul li a:visited {
	display:inline-block;
	font-weight: bold;
	color: #000;
	padding: 0 0 0 3px !important;	
	border-bottom: none;
	height: 21px;
	line-height: 21px;
}
div.nav-util ul li a span {
	padding: 0px 0px 0px 5px !important;
	padding-left: 5px !important;
	padding-right: 8px !important;
	height: 21px;
	display: inline-block;
	cursor: pointer;
}
div.nav-util ul li a:hover, div.nav-util ul li a.selected {
	background: url(../images/gray-tab-left.gif) 0 0 no-repeat;
	border-bottom: none;
}
div.nav-util ul li a:hover span, div.nav-util ul li a.selected span {
	background: url(../images/gray-tab-right.gif) 100% 0 no-repeat;
	border-bottom: none;
}

.nav {
	list-style-type: none;
	margin: 13px 0px 0px 5px;
	height: 30px;
}
.nav ul li{
	float:left;
	display: inline-block;
	padding-right: 10px;
	font-size: 13px;
}
.nav ul li a, .nav ul li a:visited {
	display:inline-block;
	font-weight: bold;
	color: #fff;
	padding-left: 3px;	
	border-bottom: none;
	height: 30px;
	line-height: 30px;
	text-decoration: none !important;
}
.nav ul li a span {
	padding: 0px 5px;
	padding-right: 8px;
	display: inline-block;
	cursor: pointer;
}
.nav ul li a:hover, .nav ul li a.selected {
	background: url(../images/blue-tab-left.gif) 0 0 no-repeat;
	border-bottom: none;
}
.nav ul li a:hover span, .nav ul li a.selected span {
	background: url(../images/blue-tab-right.gif) 100% 0 no-repeat;
}
.user-nav {
	position: absolute;
	right: 0px;
	top: 20px;
	background: #474747;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.user-nav .title {
	float: left;
	color: #e9f2f5;
	font-size: 12px;
	margin-right: 10px;
}
.user-nav .select {
	float: left;
}
.header-hipo {
	position: relative;
}
.header-hipo h1.logo-hipro a {
	color: #000;
	text-decoration: none;
	position: relative;
	top: 40px;
	border: 0;
}
/*Ends structure*/

/* Structure content */
.wrap-content-bottom {
	height: 25px;
	background: url(../images/struct/bg-content-bottom.png) center no-repeat;
}
.content-ribbon {
	margin: 0 auto;
	position: relative;
	width: 957px;
	margin-bottom: 20px;
}
.content {
	background: #ebebeb;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	padding: 10px 20px 20px 20px;
	position: relative;
	width: 945px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.content .h2 {
	font-size: 16px;
}
.content .intro {
	color: #14456e;
	line-height: 18px;
	margin: 0 0 20px 20px;
}
.content .intro1 {
	color: #14456e;
	line-height: 18px;
	margin: 0 0 10px 20px;
}
.content .section {
	margin: 0 0 20px 0;
}
.content .col-two .section {
	float: left;
	width: 560px;
}
.content .col-two .pop-section {
	float: left;
	width: 300px;
}
.content .col-two .aside {
	float: right;
	width: 300px;
}
.aside .aside-box {
	background: #373735 url(../images/struct/bg-asideBox-top.png) 0 0 no-repeat;
	padding: 20px;
}
.aside .aside-bottom {
	background: #373735 url(../images/struct/bg-asideBox-bottom.png) 0 0 no-repeat;
	height: 13px;
	overflow:hidden;
}
.aside-box, .aside-box a {
	color: #cec9b1;
	font-size: 12px;
}
.aside-box .h3 {
	font-size: 14px;
	color: #fff;
	font-weight:normal;
}
.aside-box ul {
	margin-bottom: 20px;
}
.aside-box ul li {
	background: url(../images/struct/bg-aside-li.png) 0 3px no-repeat;
}
.aside-box ul li a {
	color:#cec9b1;
	border-bottom: 1px dotted #cec9b1;
}
.aside-box ul li a:hover {
	border-bottom: 1px solid #cec9b1;
}
.aside-box ul li a:visited {
	color:#cec9b1;
}
.aside-box ul li p {
	color:#cec9b1;
}
.aside hr {
	border-top: 1px solid #000;
	border-bottom: 1px solid #444444;
	height: 2px;
}
.wrap-header-hipo {
	background: #CFB551;
	height: 100px;
}
/* End of Structure content */


/* Form List */
.form-listing label {
	font-weight: bold;
	float: left;
	width: 120px;
}
.form-listing input, textarea {
	font-size:12px;
}
.form-listing ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.form-listing li {
	background:#e4e4e4;
	margin-bottom:2px;
	padding:6px 0 6px 20px;	
}
.form-container {background: #f5f5f5;  margin-bottom: 5px; border-top: 1px solid #dedede; padding: 10px 0px;}
.form-listing-nobg li {margin-bottom:2px;padding:6px 0 6px 20px; overflow:hidden;}
.form-listing-lbl-400 label {font-weight: bold;float: left;width: 400px;}
.form-listing-lbl-120 label {font-weight: bold;float: left;width: 120px !important;}
.form-listing-nobg label, .form-listing-nobg span  {font-weight: bold; float: left; width: 140px !important;  }
.form-listing-nobg span.width-90  {font-weight: bold; float: left; width: 90px !important;  }
.form-listing-float-none label {float:none !important; display:block !important;}
.form-listing-nobg label, .form-listing-nobg span.width-180  {width: 180px;  }
.form-listing-ver label, .form-listing-ver span{float: none !important; }
.form-listing-ver span{font-weight: normal !important;}	
.form-listing-ver input {display: block;}
.form-listing li, .form-listing-lbl-400 li {
	margin-bottom:2px;
	padding:10px 0 10px 20px;
	border-bottom: 1px solid #e4e4e4;
}


/* End of Form List*/

/* Page Structure Classes */
.row {
	background:#dde1e0;
	margin-bottom:2px;
	padding:6px 0 6px 18px;
	margin-bottom:2px;
}
.row-without-bg {
	margin-bottom:2px;
	padding:6px 0 6px 18px;
	margin-bottom:2px;
}

/*----- Circle Step Header -----*/
.h3 {
	font-size: 15px;
	font-weight:bold;
}
.h5 .circle-step-number, .h5 .circle-step-number-gray {
	display: block;
	height:18px;
    margin:0 18px 0 0;
    padding:10px 6px;
	background: url(../images/struct/circle-steps.gif) left center no-repeat;
	float: left;
	color: #c9d0d2;
	text-align:center;
    width:16px;
}
.h5 .circle-step-number-gray{background: url(../images/struct/circle-steps-gray.gif) left center no-repeat;}
.circle-step-number-gray-small, .circle-step-number-small{
	background: url(../images/struct/circle-steps-small.gif) left center no-repeat; 
	width: 17px !important;
	height: 17px;
	display: inline-block;
	color: #c9d0d2;
	text-align:center;
	margin: 3px 5px 0px 0px;
	}
.circle-step-number-small{
	background: url(../images/struct/circle-steps-small.gif) left center no-repeat; 
}
/*----- Button Classes -----*/
.btn, .btn1, .btn-gray, .btn-disabled, .btn-gray-disabled {
	background:url(../images/struct/btn-bg-left.gif) 0 0px no-repeat;
	display: inline-block;
	height: 28px;
	padding-left: 4px;
}
.btn input, .btn1 input, .btn-gray input, .btn-disabled input, .btn-gray-disabled input {
	color: #000000;
	font:bold 13px Helvetica, Arial, Verdana ;
	background:#ffff00/*url(../images/struct/btn-bg.gif) 100% 100% no-repeat;*/
	border: #FFF;
	margin: 0px;
	padding: 0px;
	height: 28px;
	line-height: 25px;
	width:90%;
	overflow: visible;
	cursor:pointer;
	margin-right:0px;
	margin-right:0px;
	padding:0 18px 3px 7px;
	
}
.btn-gray input {background: #ffff00 border: #FFF;}
.btn-disabled{background:url(../images/struct/btn-bg-left-disabled.gif) 0 0px no-repeat;}
.btn-disabled input { background: url(../images/struct/btn-bg-disabled.gif) 100% 100% no-repeat; cursor: auto; }
.btn-gray-disabled{background:url(../images/struct/btn-gray-left-disabled.gif) 0 0px no-repeat;}
.btn-gray-disabled input {background:url(../images/struct/btn-gray-right-disabled.gif) 100% 100% no-repeat; color: #999; cursor: auto; }
.orgbtn {
	background:url(../images/struct/org-btn-bg.png) 0 0 no-repeat;
	display: inline-block;
	height: 21px;
	padding-left: 15px;
}
.orgbtn input {
	color: #fff;
	font:bold 11px Arial, Verdana, Helvetica;
	background:url(../images/struct/org-btn-bg.png) 100% 100% no-repeat;
	border: none;
	margin: 0px;
	padding: 0px;
	height: 21px;
	line-height: 21px;
	#line-height: 20px;
	padding-right: 15px;
	wi_dth: 1%;
	overflow: visible;
	cursor:pointer;
	padding-bottom:2px;
	_padding-bottom:0px;
}

/* Grid Style */
.gridstyle-nested tbody th, .gridstyle-nested thead th {
	background: #879ea8 !important;
	border-top: none !important;
}
.gridstyle-nested tbody td{
	border-right: none;
}
.tbl-border {
	border: 1px solid #828282;
}
.border-around {
	border-left: 1px solid #aaa9a8;
}
td.border-around {
	border-left: 1px solid #aaa9a8;
	border-bottom: 1px solid #C7C7C7 !important;
}
td.border-around div.rightborder {
	border-right: 1px solid #C7C7C7;
}
.gridstyle tbody th, .gridstyle thead th {
	background: #152b34;
	height: 21px;
	color: #fff;
	border-top: 1px solid #aaa9a8;
	border-right:1px solid #c9c9c9;
	border-bottom:1px solid #c9c9c9;
	font:bold 11px Helvetica,Arial,  sans-serif;
	text-align:center;
	padding:6px 4px;
}
.gridstyle tbody th table td.sorting-table-text {
	background:none;
	vertical-align:middle;
	border:0px;
	font-weight:bold;
}
.gridstyle tbody th table td.sorting-table-image {
	background:none;
	vertical-align:middle;
	border:0px;
}
* html .gridstyle tbody th table td.sorting-table-image { /* Fix for IE 6 */
	padding-top:20px;
}
*:first-child+html .gridstyle tbody th table td.sorting-table-image { /* Fix for IE 7 */
	padding-top:20px;
}
.gridstyle tbody th a {
	color: #fff;
	text-decoration:none;
	border-bottom:none;
}
.gridstyle tbody th a:hover {
	border-bottom:none;
}
.gridstyle tbody th a:visited {
	color: #fff;
	text-decoration:none;
}
.gridstyle tbody th img {
	float:right;
	margin-top:3px;
	vertical-align:top;
}
* html .gridstyle tbody th img { /* Fix for IE 6 */
	margin-top:-10px;
}
*:first-child+html .gridstyle tbody th img { /* Fix for IE 7 */
	margin-top:-10px;
}
.gridstyle tbody th.finalnominations {
	width:200px;
}
.gridstyle tbody th.initialcalibration {
	width:200px;
}
.gridstyle tbody th.lastcolumn-fixed-width {
	border-right:1px solid #747472;
	width:100px;
}
.gridstyle tbody th.lastcolumn-fixed-width1 {
	border-right:1px solid #747472;
	width:100px;
	float:left;
}
.gridstyle tbody th.lastcolumnborder {
	border-right:1px solid #747472;
}
.gridstyle tbody th.nolastcolumnborder {
	background:none;
	border:0px;
}
.gridstyle-clickable tbody tr:hover td {
	cursor: pointer;
	background: #ffea9a !important; 
}
.gridstyle-clickable tbody tr:hover td table tr td 
{
	background: #fff !important;
}
.gridstyle tbody td.align-center {
	text-align:center;
}

.gridstyle tbody td.nolastcolumnborder {
	background:none;
	border:0px;
}
.gridstyle tbody tr.alternate td {
	background-color:#ccc;
}
.gridstyle tbody tr.aspgridfooter td {
	background:#95A0A5;
	font-weight:bold;
}
.gridstyle tfoot tr.aspgridfooter td {
      background:#95A0A5;
      font-weight:bold;
}
.gridstyle tfoot tr td.aspgridfooter {
      background:#95A0A5;
      font-weight:bold;
      padding:6px;
}
.gridstyle tbody tr.addrow td {
	background-color:#eae9e7;
	border-bottom: 1px solid #747472;
	vertical-align:middle;
}
.gridstyle tbody tr.addrow td.addarrow {
	background:url(../images/struct/add-row-arrow.png) right no-repeat;
	height:36px;
	padding:0px;
	vertical-align:middle;
}
.gridstyle tbody tr.addrow td.addbutton {
	background:url(../images/struct/table-row-add.png) no-repeat;
	height:36px;
	width:36px;
	border:none;
	color:#fff;
	text-align:center;
	padding:0px;
	vertical-align:middle;
}
.gridstyle tbody tr.addrow td.addbutton a {
	color:#fff;
}
.gridstyle tbody td.icon-set img {
	margin:0px 7px;
}
.gridstyle tbody td.icon-set img a {
	margin: 0px 10px;
	float:left;
}
.gridstyle tbody tr.alternate-selected td {
	background-color:#c9f4bc;
}
.gridstyle tbody tr.highlight td:hover{
    background-color:#ffea9a;
	cursor: default;
}
.gridstyle tbody tr .row-select:hover{
    background-color:#ffea9a;
	cursor: default;
}
.gridstyle .editState{background-color:#eae5cf;}
.gridstyle tr.editState td{background-color:#eae5cf;}

.gridstyle tbody td {
	background: #ffffff;
	border-right:1px solid #c7c7c7;
	border-bottom:1px solid #F2F2F2;
	color: #000000;
	text-align:left;
	padding: 6px;
	vertical-align:top;
	font:normal 11px Helvetica,Arial,sans-serif;
}
.gridstyle tbody.no-border th {
	border-top: none; 
	padding: 8px;
}

table.gridstyle tbody tr.highlight-row td{background: #ffea9a; }
.createnewclass {
	margin:10px 0 10px 140px;
	float:left;
}

/* Icons Anchors Classes */
.print-form{	
	height:17px;
	padding-left:20px;
	line-height:17px;
	color:#2698d7;
	display:inline-block;
	font-size:11px;
	margin-left: 10px;
	float: left;
}
.import-excel {
	background: url(../images/icon-import-excel.gif) 0 0 no-repeat;
	height:17px;
	padding-left:20px;
	line-height:17px;
	color:#2698d7;
	display:block;
	float:left;
	font-size:11px;
}
.import-icon, .export-icon, .ppt-icon, .dataload-icon, .communicate-icon {
	background:url(../images/struct/icon_import.gif) no-repeat;
	height:19px;
	padding-left:20px;
	line-height:19px;
	color:#2698d7;
	display:block;
	float:left;
	font-size:11px;
}
.communicate-icon{
	background: url(../images/icon-communicate.gif) 0 3px no-repeat;
}
.add-icon {
	background:url(../images/add-icon.gif) no-repeat;
	margin-left:20px;
	padding-left:20px;
	display:block;
	float:left;
	color:#2698d7;
}
.print-form {background:url(../images/struct/icon_printer.gif) no-repeat;}

.export-icon {background:url(../images/icon-import-excel.gif) no-repeat;}
.dataload-icon {background:url(../images/struct/dataload-icon.gif) no-repeat;}
.ppt-icon{background: url(../images/struct/icon_ppt.gif) 0 0 no-repeat;}
a:hover.export-icon {color:#ff0000;	text-decoration:none;}
a:hover.add-icon {text-decoration:none;	color:#ff0000;}
a.edit-icon, a.save-icon, a.delete-icon, a.add-class-icon, a.disabled-add, a.disabled-delete {display: inline-block; width: 20px; height: 20px; text-indent: -9999px; border-bottom: none; overline: none; }
a.sorting {background: url(../images/sorting-arrow.gif) 0 0 no-repeat;}
a.save-icon {background:url(../images/save-icon.gif) no-repeat;}
a.edit-icon {background:url(../images/icon_edit.gif) no-repeat;}
a.delete-icon {background:url(../images/icon_delete_competency.gif) 0 0 no-repeat; }
a.add-class-icon {background: url(../images/icon-add.gif) 0 0 no-repeat;}
a.disabled-add{background: url(../images/add-inactive-icon.gif) 0 0 no-repeat;}
a.disabled-delete{background: url(../images/remove-inactive-icon.gif) 0 0 no-repeat;}
.export-chart, .print-inline{padding-left:20px; display: inline-block; height:16px; margin-right: 5px; font-size:11px;}
.export-chart{ background: url(../images/icon_export_chart.gif) 0 0 no-repeat; }
.print-inline{background: url(../images/icon_printer.gif) 0 0 no-repeat;}
.add-competency { background: url(../images/add-icon.gif) 0 0 no-repeat; }
.delete-competency {background:url(../images/icon_delete_competency.gif) 0 0 no-repeat;}
.copy-competency{background: url(../images/icon_copy.gif) 0 0 no-repeat;}
.add-entry, .chng-pswd, .print-frndly {padding-left: 20px; display: block; height: 30px;}
.add-entry { background: url(../images/icon_add_journal.gif) 0 0 no-repeat; }
.chng-pswd {background:url(../images/icon_change_password.gif) 0 0 no-repeat;}
.print-frndly{background: url(../images/icon_printer.gif) 0 0 no-repeat;}
.status-not-started {background:url(../images/icon-notstarted.gif) 0 0 no-repeat;  padding-left: 25px; font-weight: bold; display: inline-block; line-height: 18px;}
.status-completed{background: url(../images/icon-completed.gif) 0 0 no-repeat; padding-left: 25px; font-weight: bold; display: inline-block; line-height: 18px;}
.status-not-completed{width: auto!important; display: inline !important;}

/* End of Icons Anchors Classes */

/* Margin Classes */
.margin-tb {margin: 10px 0px;}
.margin-tb {margin: 15px 0px;}
.margiin-0{margin: 0px !important;}
.margin-top-1 {margin-top:1px;}
.margin-top-2 {margin-top:2px;}
.margin-top-3-minus {margin-top:-3px;}
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-top-14 {margin-top:14px;}
.margin-top-15 {margin-top:15px;}
.margin-top-20 {margin-top:20px;}
.margin-top-25 {margin-top: 25px;}
.margin-top-30 {margin-top:30px;}
.margin-top-35 {margin-top: 35px;}
.margin-top-40 {margin-top:40px;}
.margin-top-65 {margin-top:65px;}
.margin-top-150 {margin-top: 150px; position: relative;}
.margin-right-5 {margin-right: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-right-22 {margin-right:22px;}
.margin-right-30 {margin-right:30px;}
.margin-right-37 {margin-right:37px;}
* html .margin-right-37 {margin-right:20px;}
.margin-bottom-3 {margin-bottom: 3px;}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-25 {margin-bottom: 25px;}
.margin-bottom-45 {margin-bottom: 45px;}
.margin-left-0{margin-left: 0px;}
.margin-left-5 {margin-left:5px;}
.margin-left-8 {margin-left:8px;}
.margin-left-10 {margin-left:10px;}
.margin-left-15 {margin-left:12px;}
.margin-left-20 {margin-left:20px; _display: inline;}
.margin-left-20-minus {margin-left:-20px; _display: inline;}
.margin-left-30 {margin-left:30px;}
.margin-left-35 {margin-left: 35px;}
.margin-left-40 {margin-left:40px;}
.margin-left-44 {margin-left:44px;}
.margin-left-50 {margin-left: 50px;}
.margin-left-65 {margin-left: 65px;}
.margin-left-75 {margin-left: 75px;}
.margin-left-128 {margin-left:128px;}
.margin-left-138 {margin-left:138px;}
.margin-left-200 {margin-left:200px;} /*--- Used same class in Ie6.css to reduce the margin-left-100 ---- */
.margin-left-300 {margin-left:300px;} /*--- Used same class in Ie6.css to reduce the margin-left-150 ---- */
/* End of Margin Classes */

/* Padding Classes */
.padding-0{padding: 0px !important;}
.padding-7 {padding: 7px !important;}
.padding-15 {padding: 15px !important;}
.padding-25 {padding: 25px;}
.padding-top-0 {padding-top: 0px;}
.padding-top-10 {padding-bottom: 10px;}
.padding-top-30 {padding-top: 30px;}
.padding-top-125 {padding-top: 125px;}
.padding-right-5 {padding-right: 5px;}
.padding-right-20 {padding-right: 20px;}
.right-padding25 {padding-right: 25px;}
.padding-bottom-13 {padding-bottom: 13px;}
.padding-left-120 {padding-left:120px;}
.padding-left-0 {padding-left: 0px !important;}
.padding-left15 {padding-left:15px;}
.padding-left20 {padding-left:20px;}
.padding-left25 {padding-left: 25px;}
.padding-left-35 {padding-left: 35px;}
.padding-left-45{padding-left: 45px;}
.padding-left-140{padding-left: 140px;}
.padding-left-160{padding-left: 160px;}

.padding-left-50{padding-left: 50px !important;}
.padding-left-4{padding-left: 4px !important;}
/* End of Padding Classes */

/* Width Classes */
.width-64 {width:64px;}
.width-75 {width:75px;}
.width-100 {width:100px;}
.width-100-float-left {width:100px;	float:left;}
.width-110 {width:110px;}
.width-115 {width:115px;}
.width-120-float-left {width:120px;	float:left;}
.width-125 {width:125px;}
.width-150 {width:150px;}
.width-150-float-left {width:150px; float:left;}
.width-175 {width:175px;}
.width-200 {width:200px;}
.width-200-float-left {width:200px;	float:left;}
.width-240 {width: 240px !important;}
.width-250 {width:250px;}
.width-259 {width: 259px;}
.width-275 {width:275px;}
.width-650{width: 675px;}
.width-700{width: 700px;}
.width-10-per {width: 10%;}
.width-15-per {width: 15%;}
.width-20-per {width: 20%;}
.width-25-per {width: 25%;}
.width-30-per {width: 30%;}
.width-33-per {width: 33%;}
.width-40-per {width: 40%;}
.width-50-per {width: 50%;}
.width-60-per {width: 60%;}
.width-90-per {width: 90%;}
.table-90 {width: 90%;}
.table-100 {width: 100%;}
/* End of Width Classes */

/* Height Classes */
.height {height:10px; }
.height-20 {height: 20px;}
.height-26 {height: 26px;}
.height-40 {height:40px !important;}
.height-100 {height: 100px;}
.height-150 {height: 150px;}
.height-170 {height: 170px;}
.height-210 {height: 210px;}
.height-380 {height: 380px;}
.height-400{height: 400px;}
.height-460 {height: 460px;}
.height-525 {height: 525px;}
.height-580 {height: 600px;}
.height-650 {height: 650px;}
.height-700 {height: 700px;}
.height-1000 {height: 1500px;}
.height-1100 {height: 1100px;}
.height-auto-calibrate {_height:450px; min-height:450px; overflow:visible; }
/* End of Height Classes */

ul.details li.width-390 {width: 390px;}

/* Nomination Box */
.nomination-box {
	background:#fff;
	padding:15px;
	text-align:left;
	width:92%;
	margin-left:20px;
	border: 1px solid #d5d3d4;
	margin-top:5px;
}
.nomination-box h3 {
	font-weight:bold;
	font-size:15px;
	text-align:center;
}
.radiolist tbody tr td {
	line-height:30px;
	font-weight:bold;
	float:left;
	padding-left:200px;
}
.radiolist tbody tr td label {
	padding-left:5px;
}

/*----- Message Box -----*/
.message_box {
    position: fixed;
	vertical-align: middle;
    top: 0px;
    left: 0;
    z-index: 10000;
    background:#DFF2BF url(../images/tick-icon.gif) 5px 5px no-repeat;
    padding: 5px 5px 10px 25px;
    margin: 5px;
    border: 1px solid #4F8A10;
    font-weight: bold;
	font-size:16px;
    width: 96%;
	
}



/*----- Pop CSS -----*/
.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.5;
}
.modalpopup { 
	background:url(../images/struct/popup-heading-bg.png) repeat-x;
	height:30px;
	border-bottom: 2px solid #bbb189;
}
.modalpopup h4 { 
	font:bold 14px Arial, Verdana, Helvetica;
	float:left;
	padding:9px 0px 0px 12px;
}
.modalpopup img { 
	float:right;
	padding:10px 12px 0px 0px;
}
.modalpopup img a{ 
	border-bottom:0px;
}
.popcontent {
	padding:10px;
	text-align:left;
	font-size:12px;
}
.alert  {
	background: url(../images/icon-alert.gif) 0 0 no-repeat; 
	font-size: 13px;
	font-weight: bold;
	min-height: 27px;
	padding: 2px 0px 0px 41px;
}
.modalcontentsinformation ul li {
	list-style-type:none;
	margin:20px;
}
.modalcontentsinformation ul li a {
	color:#397b9a;
}
.modalcontentsinformation ul li a:hover {
	color:#397b9a;
}
.note-message {
	font:bold 12px Helvetica, Arial, Verdana, Helvetica;
	color:#ff0000;
	padding-left:10px;
}
.note-message span {
	font-weight:normal;
	font-size: 12px;
	color:#000000;
}
.calibrationedittable td {
	margin:none;
	padding:none;
	font-size:13px;
}
.calibrationedittable td.bgcolor {
	background:url(../images/struct/grid-bg.png) no-repeat;
	width:50px;
	border:1px solid #cacab5;
	border-collapse:collapse;
}
.calibrationedittable td input {
	width:43px;
	margin:5px;
	height:16px;
}
.calibrationedittable td input.margin-top-46 {
	margin-top:0px;
}
.calibrationedittable td.aligntop {
	vertical-align:top;
}
.calibrationedittable td.alignright {
	text-align:right;
	height:56px;
}
.calibrationedittable td.alignright1 {
	text-align:right;
}
.calibrationedittable td.aligncenter {
	text-align:center;
	height:25px;
}

/*----- Grid Width Fixed -----*/
.fullpagegrid {
	width:900px;
	overflow-x:auto;
	overflow-y:hidden;
}
.pageheading {
	color: #333333;
	overflow:hidden;
	font:bold 14px Arial, Verdana, Helvetica;
	display:inline;
	line-height:30px;
}
ul.summary li
{
	list-style:circle;
	padding-left:0px;
	margin-left:30px;
}
fieldset  {
	border:2px solid #000000; 
}
.outermargin {
	margin:10px;
	margin-left: 0px;
}
.field-border {
	border: 3px solid #000; 
	padding: 10px; 
	height: 100%;
	margin-bottom: 10px;
}

/* Button setting classes */
.retunnomination {
	margin-left:235px;
	margin-left:242px\9;
	*margin-left:207px;
}
* html .retunnomination {
	margin-left:160px;
}
.retuncompetency {
	margin-left:188px;
	margin-left:195px\9;
	*margin-left:155px;
}
* html .retuncompetency {
	margin-left:132px;
}

/*----- Hover Menu Extender -----*/
.outerhoverdiv {
	height:auto;
	_width:275px;
	_margin-top:175px;
}
.arrow-image {
	float:left;
	background:url(../images/struct/div-arrow.png) no-repeat;
	width:11px;
	height:13px;
	margin-top:10px;
}
.hoverdiv {
	background-color:#000;
	color:#fff;
	font-weight:bold;
	padding:10px;
	float:left;
}
.hoverdiv tbody tr td {
	padding:3px;
	_padding:3px 0px 0px 10px;
}
.z-index {
	z-index:1000;
}
.container_white{background: #fff; padding: 10px; border: 1px solid #dddeee; overflow:hidden; margin-bottom:20px;}
.container_white_darkborder{background: #fff; padding: 10px; border: 1px solid #ccc; overflow:hidden; margin-bottom:20px;}
.sectionname {color:#0066CC;}
.bottomline{margin:5px 0px 5px 0px; border-bottom:1px solid #ccc;}
#branding_options td{ vertical-align:top;}
.WhiteContainer{border:1px solid #ccc; background:#FFFFFF;}
.lbl {font-weight: bold;}
.white-bg {background: #fff; padding: 20px; width:auto; border: 1px solid #919b9c;}
.lbl-data dd{margin-left: 0px;}
.lbl-70 {width: 70px; display: inline-block; font-weight: bold;}
.lbl-115 {width: 120px; display: inline-block; font-weight: bold;}
.lbl-167 {width: 167px; display: inline-block; font-weight: bold;}
.lbl-210 {width: 210px; display: inline-block; font-weight: bold;}
.lbl-220 {width: 230px; display: inline-block; font-weight: bold;}
.lbl-120 {width: 120px; display: inline-block; font-weight: bold; vertical-align:top; float:left;}
.lbl-125 {width: 125px; display: inline-block; font-weight: bold;}
.data-for-lbl{width: 600px; display: inline-block; vertical-align: top;}
.lbl-275 {width: 275px; display: inline-block; overflow:visible; vertical-align:top; float:left; word-wrap:break-word;}
.lbl-400 {width: 400px; display: inline-block; overflow:visible; vertical-align:top; float:left;}
.table-border-around {border:1px solid #AAA9A8; border-right:0px;}
dl.margin-5 {margin:0 0 5px 0px;}
dl.margin-5 dd {margin-left:0px; float:left; display:inline; margin-left:75px;}
dl.margin-5 dd.margin-left-0 {margin-left:0px;}
dl.margin-5 dd span.width-150 {width:150px;}

.cand-img {border: 1px solid #646464;}
.img-top-padd {padding-top: 36px;}
.head-3 {color: #1b3743; font:Arial, Helvetica, sans-serif; height: 20px; font-weight:bold;}
.act-owner-contact {float: left !important; display: inline-block; width: 350px; }
.link-color {color:#2698d7;}
.lbl-block {display: block; margin-bottom: 5px;}
.seprator {background: #ccc; height: 1px; margin: 5px 0px;}
.iconset img {margin-left: 5px;}
.iconset input {margin-left: 10px;}

/*list style */
ul.list, ul.list li {list-style-type: disc; list-style: disc; margin-left: 15px; font-size:12px; font-weight:normal;}
ul.list, ul.list li span {font-weight:bold;}
ul.list-aligned, ul.list-aligned li {list-style-type: disc; list-style: disc; margin-left: 8px; padding-left: 0px;}
ul.bullet li {background: url(../images/bullet-arrow.gif) 4px 7px no-repeat; padding-left: 15px; padding-bottom: 3px;}
ul.bullet{margin-left: 10px;}
ul.arrow li {background: url(../images/arrow.png) 0px 0px no-repeat; padding-left: 25px;}
ul.arrow li.no-bullet {background: none;}
ul.arrow li select {margin-bottom: 10px;}
ul.arrow{margin-left: 10px;}
.margin-li li {padding-bottom: 5px;}
ul.list1 li {padding-left: 5px;}
ul.error-list, ul.error-list li {list-style-type: disc; list-style: disc; margin-left: 15px; font-size:11px; font-weight:normal;}
ul.error-list {margin-top:10px;}
.participant-list {width: 200px;height: 300px;}
.asterisk, .astrisk {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#FF0000; margin-left: 1px;}
.border-top-gray {border-top: 1px solid #cccccc;}

.hightlight-line {background: #DDE1E0; height: 25px; line-height: 25px;padding-left: 3px;}
.user-nav {
	position: absolute;
	right: 0px;
	top: 20px;
	background: #474747;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.user-nav .title {
	float: left;
	color: #e9f2f5;
	font-size: 12px;
	margin-right: 10px;
}
.user-nav .select {
	float: left;
}

.org-name {float: left; margin-top: 10px; font-size: 18px;}
.hp-class {background: #fff;}
.power-by {float: right; margin-top: 80px;}
.hp-class .title-hp {float: left; margin-right: 10px; font-weight: bold; margin-top: 3px;}

				
.top-border{border-top: 1px solid #dedede; padding-top: 10px;}
.minus {background: url(../images/minus.gif) 0 2px no-repeat; padding-left: 20px; cursor: pointer;}
.hipo-bg {background: #f2f3f6; }
.act-owner-contact span{display: inline-block; margin-right:5px; font-weight: bold;}
.icon-alignment{vertical-align: middle; margin-right: 5px;}

div .scroll-bargraph {height: 400px; /*not sure about this height-- Currently applied the visible height*/
overflow:auto; background-color:#F0F0F0; padding-left:15px; padding-top:15px;}
td.border-around-top {border-top: 1px solid #aaa9a8;}

.select-box {background-color:#ccc; padding:16px; border-right:1px solid #fff; overflow:hidden; width:90%;}
div.div-padding {padding:5px; width:100%;}
span.add-edit-box { margin-left:5px;  border: 1px solid #747472; display:inline-block; width: 60px; height: 20px; line-height:20px; vertical-align:middle; text-align:center;}
.position-width { float:left; width:75%;}
.bold-header { color:#999999; font-weight:bold; }
.left-container {width: 34%;}
.middle-container { width: 24%;padding-right: 65px;}
.right-container {width: 34%;}

table.calendar{
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #F5F2EF;
}
table.calendar thead th {
	background:none repeat scroll 0 0 #F5F2EF;
	border-left:1px solid #F5F2EF;
	border-top:1px solid #F5F2EF;
	padding:5px 0;
	text-align:center;
}
table.calendar tbody td {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #F5F2EF;
	border-left: 1px solid #F5F2EF;
}
table.calendar tfoot td {
	padding: 5px;
}
table.calendar tfoot #next {
	text-align: right;
}
table.calendar .today {
	background: #E7F1E1;
}
.info {color: #009900; background:url(../images/tick-icon.gif) 0 0 no-repeat; padding-left: 20px; font-weight: bold; margin-bottom: 20px; margin-left: 20px; line-height: 17px;}
.tabs-container {width: 225px; float: left; position: relative;}
.tabs-container .tabs {
	background: #ebebeb url(../images/tabs-right.gif) 0 0 repeat-y; 
	position: relative; 
	min-height: 60px; border-bottom: 1px solid #d2d2d2; 
	border-top: 1px solid #fff; padding: 13px 22px 15px 30px; margin-left: 8px;}
.tabs-container .tabs p{color: #042347; line-height: 16px; font-size: 9px}
.tabs-container .tabs img{ position: absolute; top: 12px; right: 5px;}
.tabs-container .tabs-hover {background: #ccc url(../images/tabs-right.gif) 0 0 repeat-y; 
	position: relative; min-height: 60px; 
	border-bottom: 1px solid #d2d2d2; border-top: 1px solid #fff; 
	padding: 13px 22px 15px 30px; margin-left: 8px;}
.tabs-container .tabs-hover a{color: #000;}
.tabs-container .tabs h5{margin: 0px; font-weight: bold; font-size: 13px; line-height: 14px;}
.tabs-container .tabs h5 a{display: inline-block; font-size: 13px;}
.tabs-container .dashboard, .tabs-container .dashboard-hover{padding: 5px 18px 5px 15px;}
.tabs-container .dashboard a, .tabs-container .dashboard a:hover {color: #397b9a;}
.tabs-container .dashboard-selected{border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1;}
.tabs-container .tabs img {vertical-align: middle; margin-left: 4px;}
.tabs-container .tabs ul.bullet li a{}
.tabs-container .first-tab { border-top: none; }
.tabs-container .first-tab-hover {border-top: none;}
.tabs-container .tabs-top {background: url(../images/tabs-top.gif) 0 0 no-repeat; line-height: 5px; height: 5px !important; margin-left: 8px; font-size: 0px; }
.tabs-container .last-tab { border-bottom: none; }
.tabs-container .tabs-bottom { background: #ebebeb url(../images/tabs-last.gif) 0 100% repeat-x; height: 15px; width: 100%; margin-left: 8px;} 
.tabs-container .tabs-bottom-last { background: #ebebeb url(../images/tabs-last-selected.gif) 100% 100% repeat-x; height: 15px; width: 100%; margin-left: 0px;} 
.tabs-container .tabs-selected {background: #fff; border-right: 1px solid #fff; z-index: 2; margin-left: 0px; padding-right: 22px;}
.tabs-content {position: relative; float: left; margin-bottom: 20px;  }
.tabs-content .tabs-content-data { padding: 25px 35px 20px 45px; width: 635px; background: #fff; border-bottom: 1px solid #d1d1d1;}
.tabs-content .with-head { padding-top: 0px; }
.tabs-content .tabs-content-data h3 {font-weight: bold; font-size: 17px;}
.tabs-container-below {margin-left:222px; }
.tabs-content-box {background: #fff; border: 1px solid #bfb793; padding: 15px;}
.tabs-content .height-580 {height: 600px;}
.tabs-content .height-380 {height: 380px;}
.tabs-content .height-400 {height: 400px;}
.tabs-below-3box {width: 260px; margin-left: 8px; float:left;}
.tab-height-auto {_height:380px; min-height:380px; overflow:visible; }
.icon-align {vertical-align: middle;}
.icon-place {vertical-align: middle; margin-left: 4px;}
.vertical-top {vertical-align: top;}
.vertical-middle {vertical-align: middle;}
.add-resource {background: url(../images/icon_page.gif) 0 0 no-repeat; padding-left: 25px; line-height: 17px;}
.add-resource a{color: #397B9A;}
.radio-help {padding-left: 20px; margin-bottom: 15px;}
label {font-weight: bold;}
input[type="radio"], input[type="checkbox"] {margin-right: 5px; vertical-align: middle;}
.intro-num {line-height: 18px;margin: 0 0 0 46px; padding-bottom: 20px;}
.disp-inline-block {display: inline-block;}
.disp-inline {display: inline;}
.disp-block {display: block;}
.disp-none {display: none;}
.container_gray{background: #f3f3f3; position: relative; padding: 15px; border: 1px solid #e2e2e2; margin-bottom:15px; }
.container_gray p{margin-bottom: 20px; font-size:12px; font-weight:normal;}
.container_ver_tabs{background: #f1f1f1; padding: 25px 25px;}
.btn-align-bottom {position: absolute; bottom: 15px; left: 120px;}
.btn-align-bottom5 {position: absolute; bottom: 5px; left: 120px;}
.bold-text {font-weight: bold;}
.ver-align-middle {vertical-align: middle;}
.ver-align-top {vertical-align: top;}
.left-column-65 {width:60%;float:left;}
.scrollable-div {border: 1px solid #727272; overflow-x: hidden; overflow-y: scroll; }
a.done {display: block; background:url(../images/icon-done.gif) 95% 0px no-repeat; padding-right: 20px;}
a.done-left {display: block; background:url(../images/icon-done.gif) 0px 0px no-repeat; padding-left: 20px;}
.anchor-bottom-10 a {margin-bottom: 10px;}
.two-cols-links{width: 450px;}
.two-cols-links a{width: 200px; float: left;}
.disabled-color {color: #888;}
.disabled-color_link{color: #888; font-size: 12px; font-weight: bold;}
a.big-font{font-size: 12px; font-weight: bold;}
.list-left, ul.list-left li { margin: 0px; padding: 0px;}
ul.list-left a{ display: block; height: 25px; border-bottom: 1px solid #C7C7C7; line-height: 25px; text-decoration: none; color: #000; padding-left:50px;}
ul.list-left ul.for-grid li a{padding-left: 5px; color: #000; border-bottom: 1px solid #C7C7C7;}
ul.list-left li.heading-plus a, ul.list-left li.heading-minus a{font-weight: bold; padding-left: 15px;}
ul.list-left li.heading-plus input, ul.list-left li.heading-minus input{margin: 0px 10px; vertical-align: middle;}
ul.list-left li.heading-minus {background: #ffea9a url(../images/minus.gif) 30px 50% no-repeat; border-bottom: 1px solid #ebecec;}
ul.list-left li.heading-minus a{ display: inline-block; border-bottom: none; }
ul.list-left li.heading-plus { background: #ffea9a url(../images/plus.gif) 30px 50% no-repeat; border-bottom: 1px solid #ebecec;}
ul.list-left li.normal-minus {background: #fff url(../images/minus.gif) 30px 50% no-repeat; border-bottom: 1px solid #ebecec;}
ul.list-left li.normal-plus { background: #fff url(../images/plus.gif) 30px 50% no-repeat; border-bottom: 1px solid #ebecec;}
ul.list-left a.alternate{background-color:#ccc;}
ul.list-left ul li a:hover, ul.list-left ul li a.selected {background: #ffea9a; color: #000; border-bottom: 1px solid #C7C7C7 !important;}
ul.list-left li ul {margin-top: 0px;}
.label-right-margin-10 label {margin-right: 10px;}
.link-above-table a{margin-right: 10px;}

.green-tick, .red-cross, .flag-progress {padding-left: 20px; display: inline-block; height: 17px;}
.green-tick {background: url(../images/tick-icon.gif) 0 0 no-repeat;  }
.red-cross {background: url(../images/icon-cross.gif) 0 0 no-repeat; }
.flag-progress { background: url(../images/icon-inprogress.gif) 0 0 no-repeat; }
.table-100, .table-90 { border-collapse: collapse; padding: 0px; }
.msg-success {border: 1px solid #4f8a10; background: #dff2bf url(../images/tick-icon.gif) 10px 10px no-repeat; } 

.msg-info {border: 1px solid #00529b; background: #bde5f8 url(../images/icon-info.gif) 10px 10px no-repeat; } 
.question-info {border: 1px solid #00529b; background: #bde5f8 url(../images/question-info.png) 10px 10px no-repeat; } 
.msg-warning {border: 1px solid #9f6000; background: #feefb3 url(../images/icon-warning.gif) 10px 10px no-repeat; } 
.msg-error {border: 1px solid #d8000c; background: #ffbaba url(../images/icon-cross.gif) 10px 10px no-repeat; } 
.msg-success, .msg-info, .msg-warning, .question-info, .msg-error {padding: 10px; padding-left: 34px; margin-bottom: 20px; font-weight: bold;}
.msg-error ul{margin: 10px 0px 0px 15px;}
.msg-error ul li {font-weight: normal;  list-style-type: disc;}

.content-gray-bg {background: #4d4f53;}
.box-help {
	border: solid 2px #ffffff;
	display: none;
	margin-left: 10px;
	text-align: left;
	width: 140px;
	padding: 4px;
	margin: 4px;
	z-index: 10;
	font-size: 12px;
}
.log-out  {
	color:#2698D7;
	font-size:12px;
	position:absolute;
	right:12px;
	text-decoration:none;
	top:2px;
	line-height:18px;
}
.grid-tbl{margin: 0 auto; margin-top: 10px; font-size: 12px;}
.col-name {height:30px;text-align: center; vertical-align: top; padding-bottom: 15px;}
.grid-tbl input{ border: 1px solid #999999; height: 20px; font-size: 12px; text-align: left; color: #535353;}
.grid-tbl td.no-bg{background: none;}
.col-data {height:auto; text-align:center; vertical-align:bottom; padding-bottom: 3px; }
.colm-inter{padding-top:10px; text-align: center;}
.grid-tbl input{ width: 35px;}
.grid-tbl td.bgcolor {background:url(../images/struct/grid-bg.png) no-repeat;
	width: 90px;
	height: 90px;
	border:1px solid #cacab5;
	border-collapse:collapse;
}
.grid-tbl td.high {background: #8b9076;}	
.grid-tbl td.very-high {background: #5b6058;}	
.rowinterval{width: 100px; height: auto;}
.xclass2 {margin-left: 45px; margin-top: 3px; }
.xclass3 {margin-left: 10px; margin-top: 3px;}
.xclass4 {margin-left: 20px; margin-top: 3px;}
.xclass5 {margin-left: 15px; margin-top: 3px;}
.xclass6 {margin-left: 15px; margin-top: 3px;}
.xclass7 {margin-left: 15px; margin-top: 3px;}
input.yclass2 {margin-top: 16px; margin-left: 3px; }
input.yclass3 {margin-top: 49px; margin-left: 3px;}
input.yclass4  {margin-top: 52px; margin-left: 3px;}
input.yclass5 {margin-top: 48px; margin-left: 3px;}
input.yclass6  {margin-top: 51px; margin-left: 3px;}
input.yclass7 {margin-top: 39px; margin-left: 3px;}
.interval {font-weight: bold; font-size: 11px;}
input.competency { font-size: 11px; width: 85px; font-weight: bold; }
input.competency-name, input.competency-title {font-size: 12px; width: 85px; font-weight: bold;}
input.competency-title {width: 150px;}
.row-col-name-label{vertical-align: top; border-left: 1px solid #000; border-top: 1px solid #000; padding: 10px; font-weight: bold;}
.colmn-header{padding-right: 25px; vertical-align: top; padding-left: 10px; border-left: 1px solid #000; border-top: 1px solid #000; font-weight: bold; font-size: 12px; padding-top: 10px; }
.colmn-header-name {border-top: none; vertical-align: middle;  }
.row-header {padding-bottom: 15px; padding-top: 10px; border-top: 1px solid #000; }

ul.details, ul.details li {margin: 0px; padding: 0px; font-size: 11px;}
ul.details li span{display: inline-block; width: 120px; font-weight: bold;}
ul.details li {width:200px; float: left;}
.bottom-border{border-bottom: 1px solid #ccc;}
.wordwrap {
	word-wrap:break-word;            
	word-break:keep-all;
	overflow:hidden;  
	line-height:16px;
}
.com-window {
	font-size: 12px;
	position: absolute; 
	top: 10px; 
	left: 20px; 
	z-index: 1000; 
	background: #fff; 
	border: 3px solid #4f4418; 
	width: 950px; 
	height: 550px;
}

.desc_box {
	margin: 0 auto;
	background: #ebebeb; 
	border: 1px solid #e4e4e4;
	margin-top: 28px;
	margin-bottom: 20px;
	padding-top: 8px;
	position: relative;
	width: 957px;
}
.desc_box div{
	position: absolute;
	right: 10px;
	top: 9px;
}
.desc_box div a {
	font-size: 12px;
	color: #397b9a;
}
.desc_box div select {
	vertical-align:middle;
}
.desc_box p{
	padding: 10px 15px 20px 15px;
}
.desc_box a:hover{
	border-bottom: 1px solid #000;
}
h2.main {	
	position: relative; 
	background: url(../images/head-bg.gif) 0 0 repeat-x;
	height: 46px;
	line-height: 42px;
	font-size: 12px;
}
h2.main span.left, h2.main span.right{
	display: block;
	position: absolute;
	width: 12px;
	height: 46px;
	top: 0px;
}
h2.main span.left{
	background:url(../images/head-left.gif) 0 0 no-repeat;
	left: -12px;
}
h2.main span.right{
	background:url(../images/head-right.gif) 0 0 no-repeat;
	right: -12px;
}
/* Breadcrum CSS */
.bread-crum{margin-left: 15px; display: block; line-height: 38px; font-size: 12px;}
.bread-crum a {border-bottom: 1px dotted #000; text-decoration: none;}
.bread-crum span {font-weight:normal; display: inline-block; background: url(../images/bread-crum-arrow.gif) 95% 50% no-repeat; padding-right: 20px;}
.bread-crum span a {color: #000; display: inline;}
.bread-crum span.current {background: none; font-weight:bold; padding-left:3px;}
/* End of Breadcrum CSS */

a img, a:hover img, .img-link, .img-link:hover {border-bottom: none !important;}

/* Error Messages CSS */
.error-message {color:#ff0000; font-size:12px; font-weight:bold;}
.error-message ul li  {list-style:disc;	margin-left:15px; font-size : 11px;}
.success-message {color:#009900; font-size:12px; font-weight:bold;}
.success-message p{font-weight: normal; margin: 3px 0px 0px 0px; font-size: 11px; }
.success-message img {position: absolute; right: 6px;}
.error-message {color:#ff0000; font-size:11px; font-weight: normal;}
.err-message {color:#ff0000; font-size:11px; padding-left: 3px; font-weight: normal !important;}
.info-message {color:#000000; font-size:12px; font-weight:bold;}
.info-message-small {color:#14456e; font-size:10px; font-weight:normal;	font-style:italic}


.errorDivHidden {display:none;}
.errorDivVisible {display:block; height:40px; overflow: auto;}
/* End of Error Messages CSS */

.bottomlinePrint{margin:8px 0px 8px 0px; border-bottom:2px solid #ccc;}
.rcbArrowCell a, .rcbArrowCellRight a, .rcbArrowCell a:hover, .rcbArrowCellRight a:hover{border-bottom:none !important;}
.align-chkbox-center{display: block; text-align: center;}
th.sorting a, th.sorting-up a, th.sorting-down a {width: auto; padding-right:15px;  border-bottom: none; vertical-align: middle; }
th.sorting a { background:url(../images/sorting-arrow.gif) -20px -20px}
th.sorting-up a { background:url(../images/sorting-arrow.gif) 100% -25% no-repeat;}
th.sorting-down a { background:url(../images/sorting-arrow.gif) 100% 35% no-repeat;}
.select_all {cursor: pointer;}
a.select_all:hover {border-bottom: 1px solid #397b9a;}
.cursorDefault {cursor: default;}
.cursorDefault a { border-bottom: none; }
.twocolcontainer .column1{float:left; width:220px;}
.twocolcontainer .column2{float:right; width:690px;}
.twocolcontainer{ width:927px;}
th.sorting-down a { background:url(../images/sorting-arrow.gif) 5px -8px no-repeat;}
.button-bottom{border-top: 1px solid #ccc; margin-top: 15px; padding-top: 10px;}
.content-plain{padding: 30px;width: 900px;}
.content-twocols{padding: 15px;width: 927px;}
th.sorting a, th.sorting-up a, th.sorting-down a {width: auto;  border-bottom: none; padding-right:15px; vertical-align: middle; }
th.sorting a { background:url(../images/sorting-arrow.gif) -20px -20px no-repeat;}
th.sorting-up a { background:url(../images/sorting-arrow.gif) 100% -25% no-repeat;}
th.sorting-down a { background:url(../images/sorting-arrow.gif) 100% 35% no-repeat;}
.border-bot{ background: url(../images/line.gif) 0 100% repeat-x; padding-bottom: 10px; margin-bottom: 20px;}
.border-bot-pad-5 { background: url(../images/line.gif) 0 100% repeat-x; padding-bottom: 5px; margin-bottom: 10px;}
.border-bot-no-pad { border-bottom:1px solid #000; padding:0px; margin-bottom: 30px;}
.border-top{ background: url(../images/line.gif) 100% 0 repeat-x; padding-top: 10px; margin-top: 20px;}
.simple-list, ul.simple-list li { margin: 0px; padding: 0px;}
.simple-list {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #999; height:300px; margin-right:15px; overflow-x:hidden; overflow-y:scroll; margin: 10px 0px;}
ul.simple-list a{ display: block; height: 25px; border-bottom: 1px solid #C7C7C7; line-height: 25px; text-decoration: none; color: #000; padding-left:10px;}
ul.simple-list a.alternate{background: #ccc;}
ul.simple-list a:hover, ul.simple-list a.selected{background: #ffea9a;}
.section-top-margin {margin-top: 40px;}
.h5 .circle-step-title {
	padding: 10px 0px 5px 0px;
	display: block;
	color:#000000;
	font-weight:bold;
	font-size: 13px;
}

.btn-gray{background: url(../images/struct/btn-gray-left.gif) 0 0 no-repeat;}
.twocolcontainer{background: url("../images/evaluate/bg-formBox-twocol.png") repeat-y scroll 0 0 #E0E0E0; border: 1px solid #8a9296; margin-bottom: 15px;}
.twocolcontainer-assign{background: url(../images/bg-assign.gif) repeat-y scroll 0 0 #fff; border: 1px solid #8a9296; margin-bottom: 15px;}
.twocolcontainer .column1, .twocolcontainer-assign .column1{float:left; width: 220px;}
.twocolcontainer .column2, .twocolcontainer-assign .column2{float:right; width:690px; }
.assign-margin {margin-left: 47px;}
ul.list-left {border: 1px solid #999; background: #fff; margin-right: 15px; overflow-x: hidden; overflow-y: scroll; height: 300px; }
.add-competency, .delete-competency, .copy-competency{padding-left: 20px; display: block; margin: 10px 0px; padding-bottom: 5px;}
.col1-200{float:left; width:220px;}
.col2-340{float:left; margin-right: 15px; width:385px;}
.col3-340{float:right; width:240px;}
.buttons{background:#008ab7; border:none; border:1px solid #000;  padding: 0px 3px; height:22px; color:#fff; cursor: pointer;}
.buttons_gray{background:#999; border:none; border:1px solid #000;  padding:5px 10px;  color:#fff;}
.buttons_selected{background:#999; border:none; border:1px solid #000; padding: 0px 3px;  height:22px; color:#fff;}
.tabs-content .tabs-content-data-dashboard { padding: 25px 35px 20px 35px; width: 647px; background: #fff;}
.tabs-content-quickstart .tabs-content-data { padding: 25px 35px 20px 45px; width: 880px; background: #fff; border-bottom: 1px solid #d1d1d1;}
.tabs-content-quickstart .tabs-content-data-dashboard { padding: 25px 35px 20px 35px; width: 880px; background: #fff;}
.right-column-43 {
	width:31%;
	float:right;
}
.tabs-content-quickstart .left-column-57 {
	float:left;
	width:66%;
}
.tabs-content-quickstart .header-highlight {
	text-transform: uppercase;
}
.tabs-content-quickstart ul, . tabs-content-quickstart ul li {
	list-style: disc inside none;
}
.header-utility, .desc_box div, .step-box .print{
	position: absolute;
	right: 10px;
	top: 9px;
}
.header-utility {
	top:  0px;
}
.header-ribbon-black {
	position: relative; 
	background: url(../images/evaluate/head-bg-black.gif) 0 0 no-repeat;
	height: 46px;
	line-height: 42px;
	font-size: 12px;
	color: #fff;
	padding: 0 0 0 10px;
}
.header-ribbon-black span.left, .header-ribbon-black span.right{
	display: block;
	position: absolute;
	width: 12px;
	height: 46px;
	top: 0px;
}
.header-ribbon-black span.left{
	background:url(../images/evaluate/head-left-black.gif) 0 0 no-repeat;
	left: -22px;
}
.header-ribbon-black span.right{
	background:url(../images/evaluate/head-right-black.gif) 0 0 no-repeat;
	right: -12px;
}
.header-ribbon .header-utility {
	list-style: none;
	overflow: hidden;
}
.header-ribbon .header-utility li {
	float: left;
	margin: 0 10px 0 0;
}
/* @end */

/* @group white ribbon - 2 columns */
.header-ribbon {
	position: relative; 
	background: url(../images/evaluate/head-bg.gif) 0 0 repeat-x;
	height: 46px;
	line-height: 42px;
	font-size: 12px;
	color: #000;
	padding: 0 0 0 10px;
}
.header-ribbon span.left, .header-ribbon span.right{
	display: block;
	position: absolute;
	width: 12px;
	height: 46px;
	top: 0px;
}
.header-ribbon span.left{
	background:url(../images/evaluate/head-left.gif) 0 0 no-repeat;
	left: -22px;
}
.header-ribbon span.right{
	background:url(../images/evaluate/head-right.gif) 0 0 no-repeat;
	right: -12px;
}
.header-ribbon .header-utility {
	list-style: none;
	overflow: hidden;
}
.header-ribbon .header-utility li {
	float: left;
	margin: 0 10px 0 0;
}
.header-ribbon .header-utility li a {
	color: #397b9a;
	border-bottom: 1px dotted #397b9a;
}
.header-ribbon .header-utility li a:hover {
	color: #397b9a;
	border-bottom: 1px solid #397b9a;
}
/* @end */

/* @group form box  */
.form-box, .form-box-blank {
	padding: 14px 0 0 0;
	background: #EBEBEB;
	margin: 0 0 20px 0;
}
.form-box-blank{
 	border: 1px solid #a5abae;
}
.form-box .section {
	padding: 20px;
}
.form-box .article {
	width: 100%;
	margin: 0 0 20px 0;
}
.form-box .form-fields label, .form-box .form-fields .label {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
	display: block;	
	
}
.form-box .form-fields {
	overflow: hidden;
	
	margin: 20px 0;
	padding-bottom: 1px;
}
.form-box .form-fields li {
	margin: 0 10px 10px 0;
	float: left;
	
}
.form-box .form-fields li.last {
	background: none;
	margin: 0;
}
.form-box .form-fields li li {
	background: none;
	padding: 0;
	list-style: none;
	margin: 0 0 10px 0;
}
.form-box .form-fields .listing-radio-buttons li {
	padding: 0 0 0 20px;
}
.form-box .form-fields .listing-radio-buttons .radio, .form-box .form-fields .listing-radio-buttons .checkbox {
	float: left;
	margin: 0 0 0 -20px;
}
.form-box .form-fields .listing-radio-buttons label {
	margin: 0;
}
.form-box table {
	width: 100%;
}
.form-box table, .table tr, .table td  {
	text-align: left;
}
/*.form-box table tr {
	background: #ddd;
}*/
.form-box table tr.even {
	background: #fff;
}
.form-box table thead th {
	background: #162c35;
	color: #fff;
}
.form-box table thead th.transparent {
	background: #e0e0e0;
}
/* @end */

.wrap-chart {
	width: 580px;
	overflow:visible;	
}
.wrap-chart ul{display: none !important;}
.wrap-chart img {width: 580px;}
.demographics {
	background:url(../images/evaluate/demographics.jpg) 0 0 no-repeat;
	width: 647px;
	height: 105px;
	margin-bottom: 30px;
}
.demographics div{
	width: 160px;
	height: 105px;
	line-height: 20px;
	float: left;
	text-align: center;
	font-size: 18px;
	padding-top: 30px;
} 
.demographics div.white-text{
	color: #FFFFFF;
}
.demographics div span{
	display: block;
}

/*----- Tooltip Classes -----*/
.rtWrapper {
	height:50px !important;
	width:200px !important;
}
div.RadToolTip table.rtWrapper td.rtWrapperRightMiddle {
	background-position:0px !important;
}
div.RadToolTip div.rtCallout {
	height:11px !important;
	width:11px !important;
}
div.RadToolTip_Default table.rtWrapper td.rtWrapperContent 
{
	border:1px solid #828282 !important;
}
div.RadToolTip_Default table.rtWrapper td.rtWrapperContent div
{
	height:75px !important;
	overflow-y:scroll !important;
	word-wrap:break-word;
	padding-right:10px;
}

div.RadToolTip_Default table.rtWrapper td.rtWrapperContent div div{overflow-y: visible !important; height: auto !important; padding-right: 0px !important;}
div.RadToolTip_Default table.rtWrapper td.rtWrapperContent div ul {margin:0px; padding:0px;}
div.RadToolTip_Default table.rtWrapper td.rtWrapperContent div ul li {padding-left:0px;}
div.RadToolTip_Default table.rtWrapper td.rtWrapperContent div.firstChild
{
	height:200px !important;
	width: 300px !important;
/*	overflow-y: hidden !important;*/
	padding-right: 0px !important;
}
div.RadToolTip a.rtCloseButton {display: none !important;}
div.RadToolTip_Default table.rtWrapper td.rtWrapperContent div ul
{
	position:static !important;
}
div.RadToolTip_Default table.rtWrapper td.rtWrapperLeftMiddle, 
div.RadToolTip_Default table.rtWrapper td.rtWrapperRightMiddle 
{
	background-position:0px !important;
	background-image:none !important;
}
div.RadToolTip_Default table.rtWrapper td.rtWrapperTopLeft,
div.RadToolTip_Default table.rtWrapper td.rtWrapperTopRight,
div.RadToolTip_Default table.rtWrapper td.rtWrapperBottomLeft,
div.RadToolTip_Default table.rtWrapper td.rtWrapperBottomRight 
{
	background-image:none !important;
}
div.RadToolTip_Default table.rtWrapper td.rtWrapperTopCenter,
div.RadToolTip_Default table.rtWrapper td.rtWrapperBottomCenter 
{
	background-image:none !important;
}
.RadToolTip .rtCalloutBottomCenter {
	margin-top:-4px !important;
}
.RadToolTip .rtCalloutTopRight {
	margin-top:-7px !important;
}
* html .RadToolTip .rtCalloutTopRight { /* Fixed for IE6*/
	margin-top:-7px !important;
}
*:first-child+html .RadToolTip .rtCalloutTopRight { /* Fixed for IE7*/
	margin-top:-7px !important;
}
.RadToolTip .rtCalloutTopRight, x:-moz-any-link, x:default { /* Fixed for Mozilla*/
	margin-top:-8px !important;
}
.RadToolTip .rtCalloutBottomRight {
	margin-top:-4px !important;
}
.RadToolTip .rtCalloutTopLeft {
	margin-top:-7px !important;
}
* html .RadToolTip .rtCalloutTopLeft { /* Fixed for IE6*/
	margin-top:-8px !important;
}
*:first-child+html .RadToolTip .rtCalloutTopLeft { /* Fixed for IE7*/
	margin-top:-7px !important;
}
.RadToolTip .rtCalloutTopLeft , x:-moz-any-link, x:default { /* Fixed for Mozilla*/
	margin-top:-8px !important;
}
.RadToolTip .rtCalloutBottomLeft {
	margin-top:-4px !important;
}
div.RadToolTip .RadToolTip_Default .rtVisibleCallout  
{
	overflow:visible !important;
}
.RadToolTip .rtCalloutTopCenter 
{
	margin-top:-6px !important;
}
.RadToolTip .rtCalloutTopCenter, x:-moz-any-link, x:default
{
	margin-top:-7px !important;
}
.RadToolTip .rtCalloutBottomCenter 
{
	margin-top:-4px !important;
}
.past-due{background: #ef4035; float: right; border: 1px solid #888; width: 15px; height: 15px; margin-right: 5px;}
.top-12 {top:12px;}
.greybox {border:1px solid #CCC; padding:12px; background:#f3f3f3;}
.dark-greybox {border:1px solid #aeb0b0; padding:12px; background:#dadada;}
ol.margin-top-5 {margin-top:5px;}
.rgFooter td {background: #95a0a5; border-top: 1px solid #747472; font-weight: bold;}

/* New Classed Added */
.page-head-grey {
	background: url(../images/head-shadow-grey.gif) 0 100% no-repeat; 
	padding-bottom: 25px;
	margin-bottom: 10px;
	position: relative;
}
.page-head-grey span{
	display: inline-block;
	background: url(../images/head-shadow-grey.gif) 100% 100% no-repeat;
	width: 200px;
	height: 24px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.print-header-bg {
	background: #ccc url(../images/header-bg.gif) repeat-x;
	text-align:left;
}

/* Login page classes */
.login-page{
      width: 974px;
      margin: 0 auto;
}
.login-window{
      width: 536px;
      margin:0 536px ;
      background: #AED5E4;      
      padding-bottom: 2px;
      padding-left:2px;
      padding-right:2px;
      margin-top: 30px;
}


.login-window h2 {
      background: #AED5E4;
      height: 50px;
      margin-bottom: 0px !important;
      font-size: 14px;
      line-height: 50px;
      padding-left: 25px;
}

.login-content{
      background: #FFFFFF;
}

.login-content-inner {
      background: #FFFFFF;      
      padding: 13px 30px 30px;
      overflow:auto;
      min-height: 120px;
      
}

.login-content-inner p.help, .login-right-container{
      color: #5b5b5b;
      margin-bottom: 15px;
    
}
.login-form-container{
      width: 67%;
      float: left;
      padding-top: 10px;
}
.setpassword-form-container{
      /*width: 100% !important;*/
      /*float: none !important;*/
      padding-top: 10px;
}
.setpassword-form-container label {width: 120px !important; }
.setpassword-form-container p{
      margin-top: 16px;
      margin-bottom: 0px !important;
}
.login-right-container{
      width: 32%;
      text-align: center;
      float: right;
      border-left: 1px dashed #d2d2d2;
}
.login-content-inner label, .login-content-inner-admin label {
      width: 75px;
      float: left;
}
.login-content-inner p, .login-content-inner-admin p{
      margin-bottom: 16px;
      float:left;
}
.login-content-inner p input, .login-content-inner-admin p input{
      width: 175px;
      color: #444;
      float:left;
}
.new-user{
      background: url(../images/struct/icon-login-new-user.gif) 50% 0px no-repeat;
      padding-top: 40px;
      padding-left:10px;
}

/* Secion links */
ul.two-col-list li {
	width: 46%;
	float: left;
	background: url(../images/bullet-arrow.gif) 0 5px no-repeat;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
}
.return-top{
	background: url(../images/icon-return-top.gif) 100% 0 no-repeat;
	padding: 0px 20px 20px 0px;
}
.header-ribbon h5{font-size: 13px; }
.all-margin-0 {margin:0px !important;}
.hipo-user-details {
	margin-top: 25px !important;
	margin-bottom: 25px !important; 
}
html[xmlns*=""] body:last-child .safari-margin-top-4 {margin-top:4px;}
a.disabled-link, p.disabled-link  a
{
	color: #878686 !important;
	cursor: auto;
	font-weight:normal !important;
	border-bottom:  none;
}
a.disabled-link:hover, p.disabled-link  a:hover{
	border-bottom: none;
}
.tabs-help {
	padding: 10px 0px 20px 4px;
}
div.contentedittable {
	text-align:left;
	height:200px;
	width:380px;
	border: 1px solid #000;
	overflow-y:scroll;
	overflow-x:scroll;	
}
div.contentedittable ul li {
	position:static;
}
/* Access Controller */
.access-cont {color:#333; width: 944px; margin: 0 auto;}
.access-cont .access-top{
	background: url(../images/struct/access-cont-top.gif) 0 0 no-repeat;
	height: 3px;
	font-size: 0px;
}
.access-cont .access-bg{
	background: url(../images/struct/access-cont-bg.gif) 0 0 repeat-y;
	padding: 10px;
}
.access-cont .access-bottom{
	background: url(../images/struct/access-cont-bottom.gif) 0 0 no-repeat;
	height: 8px;
}
.access-cont-hover {color:#333; width: 944px; margin: 0 auto;}
.access-cont-hover .access-top{
	background: url(../images/struct/access-cont-top-hover.gif) 0 0 no-repeat;
	height: 3px;
	font-size: 0px;
}
.access-cont-hover .access-bg{
	background: url(../images/struct/access-cont-bg-hover.gif) 0 0 repeat-y;
	padding: 10px;
}
.access-cont-hover .access-bottom{
	background: url(../images/struct/access-cont-bottom-hover.gif) 0 0 no-repeat;
	height: 8px;
}
.access-cont, .access-cont-hover {
	margin-top: 20px;
}
.access-cont h2, .access-cont-hover h2 {
	font-size: 15px; 
	text-transform: uppercase;
	background: url(../images/line.gif) repeat-x scroll 0 100% transparent;
	padding-bottom: 10px;
}
.candi-img {
	text-align: center; 
	width: 110px; 
	display: inline-block;
}
.link-border-bottom-none{
    border-bottom: none !important;
    color: #333 !important;
    outline: none;
}
div.login a {
	color: #397b9a;
	border-bottom:1px dotted #397b9a;
	text-decoration: none;
	display:inline;
}
div.login a:hover {
	color: #397b9a;
	border-bottom:1px solid #397b9a;
	text-decoration: none;
	display:inline;
}
.MailDiv{
	width:800px;
	margin:0,auto;
}
.que-label {float: left; width: 140px; font-weight: bold; padding-left: 20px;}
.RadComboBox .rcbReadOnly td.rcbArrowCell a {
	position:static !important;
	cursor:default !important;
}
.border-div {
	border: 1px solid #ccc;
	padding: 8px;
}
.assign-last-5 {
	padding-left: 0px !important;
}
.assign-last-5 ul li {font-size: 11px !important;}

/*Resources Page Class*/
.white-bg {
	border:1px solid #8A9296;
	background:#fff;
	padding:20px;
}
.resource-header {
	background:#d7a900; text-align:center; margin-bottom:-5px;
}
.hipo-preview {
	width: 90%;
	margin: 0 auto;
}
.resource-header h1 {
	font-size:13px; font-weight:bold; padding:10px;
}
.resources-left {
	width:31%; float:left; overflow:visible;
}
.resources-middle {
	width:31%; float:left; margin-left:31px; overflow:visible;
}
.resources-right {
	width:31%; float:right; margin-left:5px; overflow:visible;
}
.headertopbg { padding: 10px 0 0 0; background: #EBEBEB; margin: 0px;}
.resources-container{background: #f3f3f3; position: relative; padding: 15px; margin-bottom:15px; }
.hipo-logo {float: left;margin-right: 10px; margin-top: 5px;}
.hp{font-size: 22px; line-height: 22px !important; margin: 10px 0px 0px 0px; float:left;}


/* New Classes added for Calibration Grid Pages */
.calibration-img-area {
	float:left;
	width:78px;
	height:78px;
	text-align:center;
	
}
.existing-grid-details {
	float:left;
	width:60%;
	margin-left:15px;
}
.calibration-grid-actions {
	float:right;
	width:16%;
}
.white-nbox-grid-row { background: #ffffff; padding: 10px; border-bottom:1px solid #dfdddd; }
.alternate-nbox-grid { background: #f5f5f5; padding: 10px; border-bottom:1px solid #dfdddd; }
.border-botton-none {border-bottom:none;}
.edit-grid, .delete-grid, .copy-grid, .restore-grid {	
	height:17px;
	padding-left:20px;
	line-height:17px;
	color:#2698d7;
	display:inline-block;
	font-size:11px;
	margin-left: 10px;
	float: left;
}
.edit-grid {background:url(../images/icon_edit.gif) no-repeat;}
.delete-grid {background:url(../images/icon_delete_competency.gif) 0 0 no-repeat; }
.copy-grid {background: url(../images/icon_copy.gif) 0 0 no-repeat;}
.restore-grid {background: url(../images/restore-icon.gif) 0 0 no-repeat;}
.form-listing li.nobg {
	background:none;
	margin-bottom:2px;
	padding:6px 0 6px 0px;	
	border-bottom: none;
}
.img-exm-area {
	height:55px;
	margin-top:2px;
	width:auto;
	float:right;
}
.normal-font {font-weight: normal !important;}
.margin-left-105 {margin-left:105px;}
.margin-left-128 {margin-left:128px;}
.greybox-nopad {border:1px solid #CCC; background:#f3f3f3;}
.deleted-grid-overflow {height:400px; overflow:scroll;}
.float-none{float: none !important;}

/*Classes for activity assignment user control*/
.activity-control div.actv-cont-div table.sel_dev_exp {padding: 0px;}
.activity-control {border: 1px solid #747472 !important; width: 150px; overflow-y: scroll; overflow-x: hidden; background-color: #fff; margin-top: 10px; width: 190px; height: 200px;}
.activity-control div.actv-cont-div { cursor: pointer; padding: 3px !important; border-bottom: 1px solid #ccc; _height:18px; min-height: 18px; overflow:visible;}
.activity-control div.actv-cont-div:hover {background: #f9f9e4 !important; padding: 3px !important; }
.activity-control div.actv-cont-div:active, .activity-control div.actv-cont-div:visited {padding: 3px !important;}


/* Classes added to modifify Manager Portal Tabs */
.ajax__tab_header {background:none !important; font-family:Helvetica, Arial, sans-serif !important; font-size:12px !important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:#FFF !important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:#FFF !important; padding:10px 12px !important; font-weight:bold !important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:#FFF !important; border-top: 1px solid #d0d0d0 !important;}
.ajax__tab_xp .ajax__tab_inner {background:#ccc !important; border-right:1px solid #fff;}
.ajax__tab_xp .ajax__tab_tab {background:#ccc !important; padding:10px 12px !important;}
.ajax__tab_xp .ajax__tab_outer {background:#ccc !important; height:21px; padding-right:0px !important;}
.ajax__tab_xp .ajax__tab_body{ padding: 25px !important;  border:1px solid #000; background:#FFF !important; border:0px !important; [margin-top:0px; margin-top:8px;]}


/* Css for Hover Effect
.ajax__tab_xp .ajax__tab_inner:hover {background:#ccc !important;}
.ajax__tab_xp .ajax__tab_tab:hover {background:#ccc !important;}
*/

.astrisk-span{width: auto !important; float:none !important;}

table.table-bg-white tbody tr td {background:none !important; border:none; color:#fff;}
table.table-bg-white tbody tr td.AlignCenter
    {
        font-weight: normal;
        text-align: center;
        background: #5b6a71 !important;
        height: 26px;
    }
table.table-bg-white tbody tr td.gridborderright, table tbody tr td.gridborderright {border-right: 1px solid #C7C7C7 !important;}
table.table-bg-white tbody tr td.tdbackground {background:#5b6a71 !important; }
.tdbackground {background: #5b6a71; }
table.table-bg-white tbody tr td.bold-text {font-weight: bold;}

.gridstyle tbody td table tbody tr td {border:none; padding:0px;}
.gridstyle tbody th, .gridstyle thead th.no-padding {padding:0px;}
.gridstyle tbody td.no-padding {padding:0px;}
.gridstyle tbody td.No-right-border{border-right: none !important;}
.tabs-img-div {width: 150px; height: 70px; overflow:auto;}
.tabs-container .tabs .tabs-img-div img {position: relative;}
.AlignBottom { vertical-align: bottom !important;}
.AlignCeWithPadding {text-align: center !important; padding: 5px 7px 5px 7px !important; border-right: 1px solid #C7C7C7 !important;}
div.RadToolTip table {table-layout:auto;}
.form-box table, .table tr, .table td {table-layout:auto;}
.ui-datepicker-trigger { margin-left: 2px;}
.reToolbar span {width:17px !important;}
.reToolbar span.FontSize{width: 25px !important;}
.reSplitButton, .reSplitButton:link, .reSplitButton:visited {width: 41px !important;}
.reTool .split_arrow{width: 5px !important;}
.reDropdown .FontName{width: 100px !important;}
.border-none {border:none !important;}
.update-survey-tab {display :inline-block; width: 170px;}

.update-survey-tab a {line-height: 20px !important; margin: 0px;}
.update-survey-prv{margin-left: 20px; padding: 10px 20px 20px 12px; width: auto; margin-top: 115px; float: left;}
.update-survey-prv-bg {background:#fff; border:1px solid #ccc; padding:15px; padding-left:10px;}
.update-survey-prv h4 {margin-bottom: 10px;}
.wrap-inner-container {width: 974px; margin: 0 auto;}
.hide-content{visibility: hidden;}
.Default .reMode_selected { background: #fff !important; display: inline-block;} 
.reEditorModes a, .reEditorModes a:hover{border-bottom: none !important;}
.Default.RadEditor .reModule, .Default.RadEditor .reEditorModes, .Default.RadEditor .reWrapper{height: 21px;}
.reMode_design span, .reMode_selected.reMode_design span, .reMode_html span, .reMode_selected.reMode_html span, .reMode_preview span, .reMode_selected.reMode_preview span{width: auto !important;}
.tabs-help-box{padding: 10px 10px 20px 18px; background: #f7f3f7; margin: 10px; }
.form-listing-nobg span.updated-survey-error {float: none !important; width: auto !important; font-weight: normal; padding-left: 140px !important;}
.tooltip-seprator {border-left: 1px solid #ccc !important; padding: 4px !important;}

/* Classes added for New Identify Dashboard */
.next-step{background: #e7eff7; border: 1px solid #bdcbd6; padding: 4px; width: 350px; font-weight: bold; float:left; min-height: 21px;}
.next-step span{margin-right: 5px;}
.next-step p{ display: inline-block; width: 250px; margin: 0px;}
.cohort-finalized{border: 1px solid #4f8a10 !important; background: #dff2bf url(../images/tick-icon.gif) 10px 5px no-repeat !important; padding-left: 30px !important; width: 323px !important;}


.pointer {background: url(../images/icon-pointer.gif) 0 3px no-repeat; padding-left: 23px; }
.bar-container { background: #eee url(../images/bar-container.gif) 0 0 repeat-x; border: 1px solid #bdcbd6; margin-left: 10px; padding: 1px;  height: 27px; display: inline; width: 506px; float: left; position: relative;}
.bar-container span {position: absolute; top: 5px; left: 45%; font-weight:bold;}
.bar-container div {background:url(../images/bar-container-div.gif) repeat-x left center;width: 75%; font-size: 0px;height: 27px;}
.bar-progress {font-weight: bold; line-height: 30px; float: left; font-size: 11px; display: inline-block; margin-left: 5px;}
.dashboard-gray-box{ background: #fff url(../images/white-grad-bg.gif) 0 0 repeat-x ; border: 1px solid #bbb; padding: 5px; text-align:center;}
.dashboard-gray-box .top-steps{width: 288px; float: left; height: 40px; text-align:center; }
.dashboard-gray-box .top-steps-2, .sub-steps-main-box .sub-steps-2{width: 431px !important;}
.dashboard-gray-box .top-steps-2, .sub-steps-main-box .current-box-2{width: 434px !important; }

.dashboard-gray-box .top-steps h4{margin-top: 12px;}
/*.dashboard-gray-box .top-steps .h5 .circle-step-title{display: inline-block; float: left;}
.dashboard-gray-box .top-steps .h5 .circle-step-number, .dashboard-gray-box .top-steps .h5 .circle-step-number-gray{margin-right: 9px;}
*/
.sub-steps-main-box {background: #efefef;}
.sub-steps-main-box .sub-steps {float: left; width: 286px; padding: 10px 3px 3px 3px; margin-top: -1px; position: relative; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb;}
.sub-steps-main-box .sub-steps-last {float: right; border-right: 1px solid #bbb;}
.sub-steps-main-box .current-box {background: #fff;}
.sub-steps-main-box .sub-steps ol {margin-left: 25px; margin-top: 0px;}
.sub-steps-main-box .sub-steps ul {margin-left: 5px;}
.sub-steps-main-box .sub-steps ul.ul-3{margin-left: 0px;}
.sub-steps-main-box .sub-steps ul li ul{margin-left: 20px;}
.sub-steps-main-box .sub-steps li {color: #000; padding: 3px 0px; margin-bottom: 9px;}
.sub-steps-main-box .sub-steps li span {display: inline-block; width: 230px; vertical-align: top;}
.sub-steps-main-box .sub-steps-2 li span{width: 369px;}
.sub-steps-main-box .sub-steps li span.current-step{width: 210px;}
.sub-steps-main-box .sub-steps li span.current-step-2{width: 280px !important;}
.sub-steps-main-box .sub-steps li span.status-complete {background: url(../images/icon-done.gif) 0 3px no-repeat; display: inline-block; width: 18px; height: 18px;}
.sub-steps-main-box .sub-steps li a {margin: co; line-height: 20px; font-weight: bold;  }


.dashbaord-form div{ color: #525252; display: inline;}
.dashbaord-form label { color: #3c3c3c; width: 189px !important;}
.sub-steps-main-box .sub-steps li ul li {padding-left: 0px; overflow: hidden;}
.sub-steps-main-box .sub-steps li.current {color: #000; font-weight: bold; vertical-align: top;}
.table-margin {margin: 10px 0px 10px 25px;}
.current-step {background: #e7eff7 url(../images/icon-pointer.gif) 5px 8px no-repeat; display: inline-block; border: 1px solid #bdcbd6; padding: 4px 4px 4px 25px; vertical-align: top; font-weight: bold;}
.dashboard-resources {border: 1px solid #bfccd7; margin-top: 15px;}
.resources-links {padding: 15px; float: left; width: 590px;}
.dashboard-resources img {float: left;}
.resources-links ul {margin: 15px 0px 0px 0px;}
.resources-links li {width: 43%; float: left; padding-right: 20px; }

.nested-data {background:url(../images/data-nested.gif) 0 5px no-repeat; padding-left: 15px;margin-left:5px; word-wrap: break-word; overflow: visible; width: 230px; display: block;}
.update-survey-description{display: inline-block;}

.copy-icon{background: url(../images/icon_copy.gif) 0 0 no-repeat; padding-left: 20px;}
.attachement {background: url(../images/icon-attachement.gif) 100% 100% no-repeat; }
.attachement a {margin-right: 20px;}
.three-col-bullet li{width: 30%; float: left;}

.radio-list input, .radio-list label {margin-bottom: 10px; vertical-align: top;}

.radio-list input{margin-top: 2px;}

.min-height-240 {min-height: 240px; height: auto;}
.border-bottom {border-bottom:1px solid #AAA9A8 !important;}
.print-participation {display:inline-block !important; width:100%; text-align:right;}

.ajax__tab_xp .ajax__tab_body, .ajax__tab_xp .ajax__tab_header, .ajax__tab_default .ajax__tab_tab, .ajax__tab_xp .ajax__tab_body span, .ajax__tab_xp .ajax__tab_body div, .ajax__tab_xp .ajax__tab_body strong {font-family: Helvetica, Arial, sans-serif !important;}=======




/*----- Admin Tab -----*/

.tabs-container .tabs p ol, .tabs-container .tabs p ul {font-size: 12px;}
.tabs-container .tabs p ul {margin-left: 0px;}
.tabs-container .tabs p ol {margin: 0px 0px 0px 3px;}
.update-survey-tab ol li, .update-survey-tab ol, .update-survey-tab ul li, .update-survey-tab ul{margin: 0px; margin-left: 10px; padding-left: 5px; font-size:12px;}
*html .update-survey-tab ol li, .update-survey-tab ol{padding-left: 0px;}
/*
.update-survey-tab ol {margin:0px !important; padding:0px !important; font-size:12px !important;}
.update-survey-tab ol li {margin:0px !important; padding:0px !important; margin-left:23px !important;}

.update-survey-tab ul {margin:0px !important; padding:0px !important; font-size:12px !important;}
.update-survey-tab ul li {margin:0px !important; padding:0px !important; list-style:disc !important; margin-left:20px !important;}

/*.update-survey-tab ul li {list-style:disc !important; margin-left:16px !important; padding-left:4px !important;}*/
.content a {line-height: 20px;}
.note {background: url(../images/icon-note.gif) 0 0 no-repeat; margin-left: 27px; padding-left: 20px;}
.modify-sub-head {font-weight: bold; color:#454545; margin:10px 0px 0px 10px; display:inline;}
.font-sise-15 {font-size:14px;}
.print-box{border: 1px solid #ccc; padding: 10px; margin-top: 20px; _height:100px; min-height:100px; overflow:visible;}
.print-heading {background: #f5f5f5; padding: 10px;}
.milestone-name-wrap {width:930px; float:left; word-wrap:break-word;}
/*
div.RadToolTip_Default table.rtWrapper td div div.drill-down-title {background: #828282; border-bottom: 1px solid #000; height: 25px !important; position: relative; margin-bottom: 3px;}
div.RadToolTip_Default table.rtWrapper td div div.drill-down-title img {position: absolute; right: 9px; top: 8px;}
div.RadToolTip_Default a.rtCloseButton{background: none !important;}
*/

/* Notification*/
.notification h4 a.collapse, .notification h4 a.expand, .next-prev a.next, .next-prev a.prev, .next-prev a.next-disabled, .next-prev a.prev-disabled, .calendar, .notification h4 span.new{
	background-image: url(../images/notification-sprite.gif)
}
.notification h4 {
	background: #f1f1f1; 
	padding: 15px; 
	font-size: 12px; 
	font-weight: normal; 
	cursor: pointer; 
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	margin: 0px;
}
.notification h4.cal {
	padding: 10px;
}

.notification h4 .meta-data {font-size: 10px; color: #383838;}
.notification h4 .meta-cal{margin-left: 38px; display: block;}
.notification h4 .meta-data .gray-text{
	color: #7a7a7a; 
	margin-right: 5px;
}
.notification h4 span.new {
	background-position: 0px -101px;
	width: 20px; 
	height: 9px; 
	font-size: 0px;
	display: inline-block;
}
.notification h4 a.collapse, .notification h4 a.expand{
	display: inline-block; 
	width: 10px; 
	height: 10px; 
	overflow: hidden;
	background-position: 0 0;
	position: relative;
	text-indent: -9999px;
	border-bottom: none;
	position: absolute; 
	top: 18px;
	right: 6px;
}
.notification h4 a{line-height: 17px;}
.notification h4 a.collapse:hover, .notification h4 a.expand:hover{ border-bottom:none;}
.notification h4 a.expand {background-position: 0 -9px;}
.notification h4.collapse {
	background: #f9f9f9;
	border-bottom: none;
}
.notification h4.first{border-top: 1px solid #e1e1e1}
.notification .desc {
	border-bottom: 1px solid #e1e1e1; 
	background: #f9f9f9; 
	padding: 0px 15px 15px 15px;
}
.attachement-container{margin-top: 10px;}
.attached {
	background: url(../images/icon-attachement.gif) 0 7px no-repeat; 
	padding-left: 20px; 
	display: block; 
	line-height: 22px;
}

.calendar{
	background-position: 0px -68px; 
	width: 29px; 
	height: 30px;
	text-align: center;
	float: left;
	vertical-align:top;
	margin-right: 10px;
}
.calendar span{display: block; font-size: 10px;}
.calendar span.month{
	color: #fff;
	width: 29px;
	height: 12px;
	line-height: 12px;
}
.calendar span.day{
	color: #000;
	font-weight: bold;
	font-size: 11px;
}
.notification span.title{
	width: 330px; 
	display: inline-block;
}
.notification .next-prev{
	background: #f1f1f1; 
	padding: 15px; 
	text-align: right; 
	margin-bottom: 30px; 
}
.next-prev a.next, .next-prev a.prev, a.next-disabled, .next-prev a.prev-disabled{
	width: 43px;
	height: 22px; 
	display: inline-block; 
}
.next-prev a, .next-prev a:hover{border-bottom: none !important;}
.next-prev a.next span, .next-prev a.prev span, .next-prev a.next-disabled span, .next-prev a.prev-disabled span{
	display: none;
}
.next-prev a.next{background-position: -42px -44px;}
.next-prev a.prev{background-position: 0px -44px;}
a.next-disabled{background-position: -42px -20px;}
.next-prev a.prev-disabled{background-position: 0px -20px;}

